@import "../../../../src/less/quote/color.less";
.com-select-floor{
  display: inline-block;
  position: relative;
  width:100%;
  color: @c6;
  //选中之后样式
  .active-arrow{
    .sel-head{
      border:1px solid @com-main-a;
    }
    .sel-icon {
      &:after {
        transform: translateY(-50%) rotate(180deg);
      }
    }
  }
  .sel-item{
    position: relative;
    display:block;
  }
  .sel-icon{
    &:after{
      position: absolute;
      content:"";
      border-top:5px solid @c9;
      border-left:4px solid transparent;
      border-right:4px solid transparent;
      right:7px;
      top:50%;
      transform: translateY(-50%);
      transition: all .3s;
    }
  }
  .sel-head{
    display:inline-block;
    width:100%;
    min-height:32px;
    padding:2px 16px 2px 8px;
    border: 1px solid @cdb;
    border-radius: 4px;

    line-height: 1.42857143;
    background-color:@cf;
    color:@c3;
    cursor: pointer;
    transition: all .3s;
  }
  .sel-box{
    display: none;
    position: absolute;
    box-shadow: 0 1px 7px rgba(0,0,0,.15);
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0;
  }
  //列表框
  .sel-content{
    //float:left;
    display: inline-block;
    height: 200px;
    min-width: 150px;
    border-left:1px solid @ceb;
    overflow-y:auto;
    text-align: left;
    z-index: 10;
    background-color: #fff;
    font-size:14px;
    &:first-child{
      border-left:none;
    }
    //列表
    .sel-list{
      position: relative;
      padding:7px 25px 10px 15px;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      &:hover{
        background-color:@com-bg-a;
        color:@com-main-a;
        &:after{
          border:1px solid @com-main-a;
          border-top: transparent;
          border-right: transparent;
        }
      }
    }
    .child-arrow{
      &:after{
        position: absolute;
        content: '';
        width: 6px;
        right: 12px;
        height: 6px;
        top:50%;
        border: 1px solid @com-bg-b;
        border-top: transparent;
        border-right: transparent;
        transform:translateY(-50%) rotateZ(-135deg);
      }
    }
    .active-floor{
      //background-color: @com-bg-a;
      color:@com-main-a;
      &:after{
        border:1px solid @com-main-a;
        border-top: transparent;
        border-right: transparent;
      }
    }
  }


  /*图标特定样式覆盖*/
  .icon-arrow-down:before{
    position: absolute;
    right:0;
    margin-right:3px;
    top:50%;
    transform: translateY(-50%);
    color:@c6;
  }
  .com-check{
    margin-right: 10px;
  }

}
